<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:th="http://www.thymeleaf.org"
	xmlns:tiles="http://www.thymeleaf.org"
	xmlns:sec="http://www.thymeleaf.org" lang="en">

<head>

<!-- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -->
<!-- This <head> section is only used for static prototyping purposes. At runtime, -->
<!-- Tiles will only use the body fragment defined with tiles:fragment="content",  -->
<!-- as specified at the corresponding views.xml file.                             -->
<!-- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -->

<title>SAR: Sistema de Atención de Requerimientos</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

<link rel="stylesheet" type="text/css" media="screen, projection"
	href="../static/styles/blueprint/screen.css" />

<link rel="stylesheet" type="text/css" media="print"
	href="../static/styles/blueprint/print.css" />

<link rel="stylesheet" type="text/css" media="screen" href="../static/styles/booking.css" />

<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<link rel="stylesheet" href="/resources/demos/style.css" th:src="@{/resources/demos/style.css}"/>
<script>
  $(function() {  
    $( "#from" ).datepicker({
      dateFormat: "dd/mm/yy",
      onClose: function( selectedDate ) {
        $( "#to" ).datepicker( "option", "minDate", selectedDate );
      }
    });
    $( "#to" ).datepicker({
      dateFormat: "dd/mm/yy",
      onClose: function( selectedDate ) {
        $( "#from" ).datepicker( "option", "maxDate", selectedDate );
      }
    });
  });
</script>

<!-- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  -->
<!-- Some styles and scripts are served from spring-js-resources-{ver}.jar at -->
<!-- runtime. Therefore not available for static prototyping. See the         -->
<!-- layouts/standard.html template file for detail.                          -->
<!-- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  -->
</head>

<!-- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -->
<!-- START of the content to be included in the execution result.  -->
<!-- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -->
<!-- Only the markup inside this <body> would be required in this  -->
<!-- template if no static prototyping was intended.               -->
<!-- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -->
<body tiles:fragment="content">
 	<div>
		<h5>
			<p th:text="#{consultarProgramacion.solicitudesAProgramar}">Solicitudes a Programar</p>
		</h5>
		<hr />
		
		<h2>
			<p th:text="#{consultarProgramacion.filtrosdebusqueda}">Filtros de Búsqueda</p>
		</h2>

		<div>
			<form action="#" th:object="${solicitud}" th:action="@{/consultarProgramacion}"
				method="post" class="inline">

				<div class="error" th:if="${flagError}">
                  <span th:each="err : ${#fields.errors('*')}">
                  <span th:text="${err}">Entrada incorrecta</span><br />
                  </span>
           	    </div>
				
				<fieldset>
					<div class="span-6">
					<p>					
						<label th:text="#{consultarProgramacion.cliente}">Cliente </label><br/>
						<input type="text" id="clienteBusqueda" th:field="*{clienteBusqueda}" />
					</p>
					</div>
					<div class="span-11 last">
					<p>			
						<label th:text="#{consultarProgramacion.fechaRegistro}">Fecha de Registro</label><br/>
						<span th:text="#{consultarProgramacion.desde}">Desde:</span>
						<input type="text" id="from" name="from" th:field="*{fechaBusquedaInicio}" readonly="readonly"/>
						<span th:text="#{consultarProgramacion.hasta}">Hasta:</span>
						<input type="text" id="to" name="to" th:field="*{fechaBusquedaFin}" readonly="readonly"/>
					</p>					  
	                </div>
	                <div class="span-4 last">
	              	    <button type="submit" th:text="#{consultarProgramacion.buscar}">Buscar solicitudes</button>
	                </div>				
						
				</fieldset>
			</form>		
		</div>			
			<div id="resultadoSolicitudes" th:if="${listaSolicitudes}">
				<h2><p th:text="#{consultarProgramacion.resultadoDeBusqueda}">Resultado de Búsqueda</p></h2>
				  <div>
				  
				  <div class="notice" th:if="${tienePrioritarios}">
                  <span th:text="#{consultarProgramacion.tienePrioritarios}">Existen solicitudes con prioridad de programación</span><br />                  
           	    </div>
				  
				    <table class="summary">
				        <thead>
				            <tr>				            	
				                <th th:text="#{consultarProgramacion.resultado.nro}">Nro</th>
				                <th th:text="#{consultarProgramacion.resultado.cliente}">Cliente</th>
				                <th th:text="#{consultarProgramacion.resultado.tipoRequerimiento}">Tipo</th>
				                <th th:text="#{consultarProgramacion.resultado.fechaRegistro}">Fecha de Registro</th>
				                <th th:text="#{consultarProgramacion.resultado.fechaEsperada}">Fecha Esperada</th>
				                <th th:text="#{consultarProgramacion.resultado.estado}">Estado</th>
				                <th th:text="#{consultarProgramacion.resultado.programada}">Programada</th>
				                <th colspan="2" th:text="#{consultarProgramacion.resultado.accion}">Acción</th>
				            </tr>
				        </thead>
				        <tbody>
				            <tr th:each="solicitud : ${listaSolicitudes}">				            	
				                <td th:classappend="${solicitud.flagReprogramar}? 'highlight'" th:text="${solicitud.id}">354</td>
				                <td th:classappend="${solicitud.flagReprogramar}? 'highlight'" th:text="${solicitud.solicitante.cliente.razonSocial}">Aurora S.A.</td>
				                <td th:classappend="${solicitud.flagReprogramar}? 'highlight'" th:text="${solicitud.tipoRequerimiento.nombre}">Desarrollo</td>
				                <td th:classappend="${solicitud.flagReprogramar}? 'highlight'" th:text="${#dates.format(solicitud.fechaRegistro, #messages.msg('date.format'))}">10/10/2013</td>
				                <td th:classappend="${solicitud.flagReprogramar}? 'highlight'" th:text="${#dates.format(solicitud.fechaEsperada, #messages.msg('date.format'))}">30/10/2013</td>
				                <td th:classappend="${solicitud.flagReprogramar}? 'highlight'" th:text="${solicitud.estado}">Estimado</td>
				                <td th:classappend="${solicitud.flagReprogramar}? 'highlight'" th:if="${solicitud.flagProgramado}"><img th:src="@{/resources/static/styles/blueprint/plugins/buttons/icons/tick.png}" alt=""/></td>
				            	<td th:classappend="${solicitud.flagReprogramar}? 'highlight'" th:unless="${solicitud.flagProgramado}"></td>
				                <td th:classappend="${solicitud.flagReprogramar}? 'highlight'" ><a th:text="#{consultarProgramacion.verEstimacion}" href="#" th:href="@{'consultarEstimacion/' + ${solicitud.id}}">Ver estimación</a></td>
				                <td th:classappend="${solicitud.flagReprogramar}? 'highlight'" >
				                <a class="button positive" href="#" th:text="#{consultarProgramacion.programar}" th:href="@{'programarSolicitud/' + ${solicitud.id}}">Programar</a>
				                </td>
				            </tr>
				            <tr th:if="${listaSolicitudes.isEmpty()}">
				                <td colspan="7" th:text="#{consultarProgramacion.noResultados}">No se encontraron solicitudes</td>
				            </tr>
				        </tbody>
				    </table>
				  </div>				
				</div>
			</div>
</body>
<!-- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -->
<!-- END of the content to be included in the execution result -->
<!-- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -->

</html>
